<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物列表</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/shop_list.css">
</head>
<body>
<div class="top">
    <div class="container clearfix">
        <p class="left">您好，欢迎来到达墨商城！&nbsp;请先<a href="login.html">【登录】</a>或<a href="register.html">【注册】</a></p>
        <ul class="right">
            <li><a href="user.html">个人中心</a></li>
            <li><a href="order.html">我的订单</a></li>
            <li><a href="">客服中心</a></li>
            <li><a href="shop_list.html">网站导航▼</a></li>
            <li><a class="app" href="">下载手机APP&gt;</a></li>
        </ul>
    </div>
</div>
<div class="header container clearfix">
    <a class="logo" href="index.html">
        <img src="images/logo.png" alt="">
    </a>
    <div class="search clearfix">
        <div><input type="text" placeholder="请输入要搜索的商品....">
            <button>搜索商品</button>
        </div>
        <div class="bar"><span>热门搜索：</span><a href="javascript:void(0)">高清行车记录器</a><a
                href="javascript:void(0)">迷你行车记录器</a><a href="javascript:void(0)">夜视行车记录器</a></div>
    </div>
    <a class="trolley" href="shop_cart.html">我的购物车</a>
</div>
<div class="nav container clearfix">
    <div class="sorts clearfix">
        <span class="pro_icon">所有商品分类</span>
        <i class="iconfont icon-gengduo"></i>
        <ul class="nav-list">
            <li><a class="clearfix" href="pro_details.html"><p>高清行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="pro_details.html"><p>迷你行车记录器</p><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="pro_details.html"><p>夜视行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="pro_details.html"><p>广角行车记录器</p><span>130万像素</span><span>200万像素</span><span>500万像素</span></a></li>
            <li><a class="clearfix" href="pro_details.html"><p>双镜头行车记录器</p><span>500万像素</span></a></li>
            <li><a class="clearfix" href="pro_details.html"><p>眼镜式多功能行车记录器</p><span>500万像素</span></a></li>
        </ul>
    </div>
    <ul class="menu">
        <li><a href="index.html">首页</a></li>
        <li><a href="">限时抢购</a></li>
        <li><a href="">每日特价</a></li>
        <li><a href="">每周团购</a></li>
        <li><a href="">在线咨询</a></li>
    </ul>
    <p>
        咨询热线：<span>400-6501316</span>
    </p>
</div>
<div class="content container">
    <div class="bread-crumb clearfix">
        <a href="index.html">首页</a>
        <span class="gt">&gt;</span>
        <a href="">高清行车记录器</a>
        <input type="text" placeholder="在当前条件下搜索">
        <button type="button"></button>
        <p>商品共<span class="number">480</span>个</p>
    </div>
    <div class="sort">
        <div class="clearfix">
            <h3 class="brand">品牌</h3>
            <ul class="brand-list clearfix">
                <li><a href="">凌度（BLACKVIEW）</a></li>
                <li><a href="">360</a></li>
                <li><a href="">捷渡（JADO）</a></li>
                <li><a href="">凌度（BLACKVIEW）</a></li>
                <li><a href="">360</a></li>
                <li><a href="">捷渡（JADO）</a></li>
                <li><a href="">群华（VOSONIC）</a></li>
                <li><a href="">途美（Tourmate）</a></li>
                <li><a href="">迪欧迪（DOD）</a></li>
                <li><a href="">群华（VOSONIC）</a></li>
                <li><a href="">途美（Tourmate）</a></li>
                <li><a href="">迪欧迪（DOD）</a></li>
            </ul>
            <div class="add">
                <a href="">+添加</a>
            </div>
        </div>
        <div class="clearfix">
            <h3 class="area">国家/地区</h3>
            <ul class="area-list clearfix">
                <li><a href="">英国</a></li>
                <li><a href="">美国</a></li>
                <li><a href="">韩国</a></li>
                <li><a href="">德国</a></li>
                <li><a href="">澳大利亚</a></li>
                <li><a href="">法国</a></li>
            </ul>
            <div class="add">
                <a href="">+添加</a>
            </div>
        </div>
        <div class="clearfix">
            <h3 class="sub-sort">分类</h3>
            <ul class="sub-sort-list clearfix">
                <li><a href="">高清</a></li>
                <li><a href="">高清智能</a></li>
                <li><a href="">声控</a></li>
                <li><a href="">夜视</a></li>
                <li><a href="">双摄像头</a></li>
            </ul>
        </div>
    </div>
    <div class="filter">
        <a href="">综合</a>
        <a href="">销量</a>
        <a href="">新品</a>
        <a href="">价格</a>
        <input type="text" placeholder="￥" class="first-in">
        <span>-</span>
        <input type="text" placeholder="￥">
        <span class="receive">收货地</span>
        <select>
            <option>云南省/昆明市/官渡区</option>
        </select>
        <p><span class="red">1</span>/15 <span>&lt;</span> <span>&gt;</span></p>
    </div>
    <ul class="product-list clearfix" id="proList">
        <!--<li class="item">-->
            <!--<img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">-->
            <!--<a class="wrap" href="pro_details.html">-->
                <!--<p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>-->
                <!--<p>深空灰&nbsp;1080P</p>-->
                <!--<span>￥&nbsp;309</span>-->
            <!--</a>-->
        <!--</li>-->


<!--        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item clear-margin-right">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item clear-margin-right">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item clear-margin-right">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>
        <li class="item clear-margin-right">
            <img class="bg" src="images/wi8xwle0g98m2qp22fdxwiop5qiqti.png" alt="">
            <a class="wrap" href="pro_details.html">
                <p class="p-first"><b>高清</b>行车记录器&nbsp;HS900</p>
                <p>深空灰&nbsp;1080P</p>
                <span>￥&nbsp;309</span>
            </a>
        </li>-->
    </ul>
    <div class="pagination clearfix">
        <a href="" class="prev">上一页</a>
        <ul class="clearfix">
            <li><a href="">1</a></li>
            <li><a href="">2</a></li>
            <li><a href="">3</a></li>
            <li><a href="">4</a></li>
            <li><a href="">5</a></li>
            <li><a href="">6</a></li>
            <li><a href="">7</a></li>
            <li><a href="">8</a></li>
        </ul>
        <span>...</span>
        <a href="" class="max">15</a>
        <a href="" class="next">下一页</a>
    </div>
</div>
<ul class="promises container">
    <li><i class="shield"></i><span>7</span>
        <div><p class="unique">天</p>
            <p>退货保障</p></div>
    </li>
    <li><i class="people"></i><span>15</span>
        <div><p class="unique">天</p>
            <p>换货承诺</p></div>
    </li>
    <li><i class="car"></i><span>500</span>
        <div><p class="unique">元起</p>
            <p>全场包邮</p></div>
    </li>
    <li><i class="wrench"></i><span>420</span>
        <div><p class="unique">余家</p>
            <p>售后服务站点</p></div>
    </li>
</ul>
<div class="footer">
    <div class="container clearfix">
        <div class="service clearfix">
            <ul>
                <li>帮助中心</li>
                <li><a href="">购物指南</a></li>
                <li><a href="">新用户注册</a></li>
                <li><a href="">换货流程</a></li>
                <li><a href="">联系客服</a></li>
            </ul>
            <ul>
                <li>支付中心</li>
                <li><a href="">在线支付</a></li>
                <li><a href="">货到付款</a></li>
                <li><a href="">分期付款</a></li>
                <li><a href="">公司转账</a></li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li><a href="">售后政策</a></li>
                <li><a href="">价格保护</a></li>
                <li><a href="">退款说明</a></li>
                <li><a href="">取消订单</a></li>
            </ul>
            <ul class="unique">
                <li>常见问题</li>
                <li><a href="">订单无法确认？</a></li>
                <li><a href="">支付失败</a></li>
                <li><a href="">订单错误</a></li>
            </ul>
        </div>
        <div class="QRcode">
            <img src="images/QRcode.jpg" alt="">
            <p>达墨商城官方微信</p>
        </div>
        <p class="copy">&copy;COPYRIGHT&nbsp;&nbsp;达墨商城版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可证：JY1223563467431</p>
    </div>
</div>
<script type="text/javascript" src="lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="lib/storages-1.2.3.js"></script>
<script type="text/javascript" src="js/_public.js"></script>
<script type="text/javascript" src="data/db.js"></script>
<script type="text/javascript" src="js/shop_list.js"></script>
</body>
</html>